<script setup>
import { ref } from "vue";
import SuperTable from "./components/SuperTable.vue";

const tableHeader = ref(["项目title", "结果title", "程度title"]);
const tableData1 = ref([
  ['面色1', '面白2', '轻微'],
  ['眼周1', '无黑眼圈2', '--'],
  ['脸颊1', ['无斑2', '无痘2'], ['-', '-']],
  ['眉间1', '无痘', '轻微'],
  // ['额头1', ['无皱纹', '无痘'], ['-', '-']],
  // ['额头1', ['无皱纹', '无痘'], ['-', '-']],
]);

</script>

<template>
  <SuperTable
    :header-data="tableHeader"
    :table-data="tableData1"
    :splitNum="1"
  >
    <!-- 自定义表头 -->
    <template #header="{ header, headerIndex }">
      <div class="custom-header">
        <span>{{ header }} {{ headerIndex }}</span>
      </div>
    </template>
  </SuperTable>

  <div style="height: 40px;"></div>

  <SuperTable
    header-position="left"
    :header-data="tableHeader"
    :table-data="tableData1"
  />

</template>

<style scoped lang="scss"></style>
